<template>
	<view class="page-full-screen bg-white">
		<action-bar backTitle="返回" :title="'扫一扫和' + nickname + '一起记账'"></action-bar>
		<view class="flex align-center justify-center flex-direction" style="margin-top: 100rpx;">
			<view class="text-cut padding radius">微信<view class="cu-tag bg-green">扫一扫</view></view>
			<image :src="imageUrl" mode="aspectFit"></image>
			<view class="padding">
				<view class="text-cut padding radius">和<view class="cu-tag bg-yellow" v-text="nickname"></view>一起记账</view>
			</view>
		</view>
		<p></p>
	</view>
</template>

<script>
	import {mapGetters} from 'vuex'
	export default {
		data() {
			return {
				bookId: '',
				userId: '',
				imageUrl: ''
			}
		},
		computed: {
			...mapGetters(['id', 'url', 'nickname'])
		},
		onLoad(option) {
			this.bookId = option.bookId
			this.userId = this.id
			
			this.imageUrl = `${this.url}/account/${this.bookId}/invite/image/of/${this.userId}/to/${'invite'}`
			
			
			console.log(`%c%3D ===> =`, 'color: green;font-size: 20px')
			console.log(`%c%26 ===> &`, 'color: green;font-size: 20px')
			console.log(`%cscene=uid=${this.userId}&bid=${this.bookId}&s=invite`, 'color: green;font-size: 20px')
			console.log(`%cscene=uid%3D${this.userId}%26bid%3D${this.bookId}%26s%3Dinvite`, 'color: green;font-size: 20px')
		},
	}
</script>

<style>
	page {
		width: 100vw;
		height: 100vh;
	}
</style>
